body * {
  box-sizing: border-box;
  flex-shrink: 0;
}
body {
  font-family:
    PingFangSC-Regular,
    Roboto,
    Helvetica Neue,
    Helvetica,
    Tahoma,
    Arial,
    PingFang SC-Light,
    Microsoft YaHei;
}
input {
  background-color: transparent;
  border: 0;
}
button {
  margin: 0;
  padding: 0;
  border: 0.0625rem solid transparent;
  outline: none;
  background-color: transparent;
}
button:active {
  opacity: 0.6;
}
.van-nav-bar__left:active,
.van-nav-bar__right:active {
  opacity: 1;
}
[class*='van-']::after {
  border-bottom: 0;
}
.flex-col {
  display: flex;
  flex-direction: column;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.justify-start {
  display: flex;
  justify-content: flex-start;
}
.justify-center {
  display: flex;
  justify-content: center;
}
.justify-end {
  display: flex;
  justify-content: flex-end;
}
.justify-evenly {
  display: flex;
  justify-content: space-evenly;
}
.justify-around {
  display: flex;
  justify-content: space-around;
}
.justify-between {
  display: flex;
  justify-content: space-between;
}
.align-start {
  display: flex;
  align-items: flex-start;
}
.align-center {
  display: flex;
  align-items: center;
}
.align-end {
  display: flex;
  align-items: flex-end;
}
@-webkit-keyframes breathing {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}
@keyframes breathing {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.8);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}
.page {
  background-color: rgb(245, 245, 245);
  position: relative;
  width: 120rem;
  height: 67.5rem;
  overflow: hidden;
}
.group_1 {
  height: 67.5rem;
  background: url('@/assets/imgs/screen/SketchPng26d08d4d8c82321c1dfed93b1ee581669f334c276da1a09d9b91a3571b81de2c.png')
    100% no-repeat;
  background-size: 100% 100%;
  width: 120rem;
}
.group_2 {
  width: 120rem;
  height: 67.5rem;
  background: url('@/assets/imgs/screen/SketchPng1b42ca132ddb5af9c7bb7ea62bb5ac65c44e02e175f887c53fb395729bc378fb.png')
    100% no-repeat;
  background-size: 100% 100%;
}
.box_1 {
  width: 120rem;
  height: 5rem;
  background: url('@/assets/imgs/screen/SketchPng4395fa5160c257111db653ea4a1968d9f7eed0fc102d179a4e933aa1b1678421.png') -26px -22px
    no-repeat;
  background-size: 123.75rem 8.75rem;
  justify-content: flex-center;
}
.text_1 {
  width: 12rem;
  height: 3.125rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 3.125rem;
  margin: 0.9375rem 0 0 1.25rem;
}
.label_1 {
  width: 2rem;
  height: 1.625rem;
  margin: 1.75rem 0 0 0.5rem;
}
.text_2 {
  width: 17.5rem;
  height: 3.125rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.84);
  font-size: 2.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 3.125rem;
  margin: 0.9375rem 0 0 35.5rem;
}
.text_3 {
  width: 11.375rem;
  height: 3.125rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 3.125rem;
  margin: 0.9375rem 0 0 32.875rem;
}
.text_4 {
  width: 4.5rem;
  height: 3.125rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 3.125rem;
  margin: 0.9375rem 1.25rem 0 1.25rem;
}
.box_2 {
  width: 120rem;
  height: 62.5625rem;
  margin-bottom: 0.0625rem;
}
.group_3 {
  width: 117.5rem;
  height: 60rem;
  margin: 1.25rem 0 0 1.25rem;
}
.group_4 {
  width: 28.125rem;
  height: 60rem;
}
.box_3 {
  height: 15rem;
  background: url('@/assets/imgs/screen/SketchPng0b7fcea7810883564ad3d45f49d1edfede760487c4635ef1c80fc6d86801f122.png') -20px -16px
    no-repeat;
  background-size: 31.125rem 18rem;
  width: 28.125rem;
  position: relative;
}
.image-wrapper_1 {
  width: 11.125rem;
  height: 0.5625rem;
  margin: 2.5rem 0 0 0.25rem;
}
.image_1 {
  width: 11.125rem;
  height: 0.5625rem;
}

.text-wrapper_1 {
  width: 21.875rem;
  height: 2.5rem;
  margin: 3.75rem 0 0 2rem;
}
.text_5 {
  width: 8.1875rem;
}

.text_5,
.text_6 {
  height: 2.5rem;
  overflow-wrap: break-word;
  color: #fff;
  font-size: 2.25rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2.5rem;
}

.text_6 {
  width: 7.6875rem;
  margin-left: 0.625rem;
}

.text-wrapper_2 {
  width: 18.625rem;
  height: 2.5rem;
  margin: 0 0 3.1875rem 4.125rem;
}
.text_7 {
  width: 5rem;
  height: 2.5rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.25rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 2.5rem;
}
.text_8 {
  width: 5rem;
  height: 2.5rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.25rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 2.5rem;
}
.text_9 {
  position: absolute;
  left: 1.25rem;
  top: 1.1875rem;
  width: 6rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.text_7,
.text_8,
.text_9 {
  overflow-wrap: break-word;
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
}
.text_7,
.text_8 {
  width: 6.125rem;
  height: 2.5rem;
  color: hsla(0, 0%, 100%, 0.6);
  line-height: 2.5rem;
}
.box_4 {
  position: relative;
  width: 28.125rem;
  height: 22.5rem;
  background: url('@/assets/imgs/screen/SketchPngb8a004f6aad7f1ff8b0e5167c56329de599cdb95cdab6fb0f7fb2bcc3c3b0c17.png') -20px -16px
    no-repeat;
  background-size: 31.125rem 25.5rem;
  margin-top: 1.25rem;
}
.image_2 {
  width: 11.125rem;
  height: 0.5625rem;
  margin: 2.5rem 0 0 0.25rem;
}
.section_1 {
  width: 25.5rem;
  height: 1.5rem;
  margin: 0.9375rem 0 0 1.25rem;
}
.text-wrapper_3 {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  cursor: pointer;
  height: 1.5rem;
  width: 5.75rem;
}
.text_10 {
  width: 3.375rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.84);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin: 0.125rem 0 0 0.75rem;
}
.text-wrapper_4 {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  margin-left: 0.5rem;
  cursor: pointer;
  height: 1.5rem;
  width: 5.75rem;
}
.text_11 {
  width: 3.375rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.84);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin: 0.125rem 0 0 0.8125rem;
}
.text-wrapper_5 {
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  cursor: pointer;
  width: 6.875rem;
}
.text_12 {
  width: 3.375rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin: 0.125rem 0 0 0.8125rem;
}
.text-wrapper_6 {
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 0.25rem;
  height: 1.5rem;
  cursor: pointer;
  margin-left: 0.5rem;
  width: 5.75rem;
}
.text_13 {
  width: 3.375rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.84);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin: 0.125rem 0 0 0.8125rem;
}
.image_3 {
  width: 25.625rem;
  height: 14.5rem;
  margin: 1.25rem 0 1.25rem 1.25rem;
}
.text_14 {
  position: absolute;
  left: 1.25rem;
  top: 1.1875rem;
  width: 6rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 0.84);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.box_5 {
  position: relative;
  width: 28.125rem;
  height: 20rem;
  background: url('@/assets/imgs/screen/SketchPngefe782feb3c87439ec4b3fa25e968cb3e8f1495545f128759202d5a77cf9de83.png') -20px -16px
    no-repeat;
  background-size: 31.125rem 22.25rem;
  margin-top: 1.25rem;
}
.block_1 {
  width: 26.625rem;
  height: 1.5rem;
  margin: 1.5625rem 0 0 0.25rem;
}
.image_4 {
  width: 11.125rem;
  height: 0.5625rem;
  margin-top: 0.9375rem;
}
.image-text_1 {
  width: 2.625rem;
  height: 1.25rem;
  margin-left: 8.8125rem;
}
.block_2 {
  background-color: rgb(30, 107, 255);
  border-radius: 0.125rem;
  width: 0.75rem;
  height: 0.5rem;
  margin-top: 0.4375rem;
}
.text-group_1 {
  width: 1.5rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
}
.image-text_2 {
  width: 2.625rem;
  height: 1.25rem;
  margin-left: 1.4375rem;
}
.section_2 {
  background-color: rgb(104, 221, 255);
  border-radius: 0.125rem;
  width: 0.75rem;
  height: 0.5rem;
  margin-top: 0.4375rem;
}
.text-group_2 {
  width: 1.5rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
}
.text_15 {
  width: 4rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin: 1.25rem 0 0 1.125rem;
}
.block_3 {
  width: 25.6875rem;
  height: 11.625rem;
  margin: 0.3125rem 0 0 1.1875rem;
}
.text-wrapper_7 {
  width: 0.75rem;
  height: 11.625rem;
}
.text_16 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
}
.text_17 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin-top: 1.1875rem;
}
.text_18 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin-top: 1.25rem;
}
.text_19 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin-top: 1.1875rem;
}
.text_20 {
  width: 0.375rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin: 1.1875rem 0 0 0.375rem;
}
.text_21 {
  width: 0.375rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin: 1.1875rem 0 0 0.375rem;
}
.image-wrapper_2 {
  width: 24.8125rem;
  height: 11rem;
  background: url('@/assets/imgs/screen/SketchPng8cfa983a7fd1816d789557b559869fea861f730fb5c7548a4fada0c1eb3310fe.png')
    0px -1px no-repeat;
  background-size: 24.875rem 11.0625rem;
  margin-top: 0.4375rem;
}
.image_5 {
  width: 1rem;
  height: 4.5625rem;
  margin: 6.375rem 0 0 0.6875rem;
}
.image_6 {
  width: 1rem;
  height: 6.6875rem;
  margin: 4.25rem 0 0 1.0625rem;
}
.image_7 {
  width: 1rem;
  height: 2.875rem;
  margin: 8.0625rem 0 0 1rem;
}
.image_8 {
  width: 1rem;
  height: 5.3125rem;
  margin: 5.625rem 0 0 1.0625rem;
}
.image_9 {
  width: 1rem;
  height: 7.5rem;
  margin: 3.4375rem 0 0 1.0625rem;
}
.image_10 {
  width: 1rem;
  height: 6.375rem;
  margin: 4.5625rem 0 0 1.0625rem;
}
.image_11 {
  width: 1rem;
  height: 4.375rem;
  margin: 6.5625rem 0 0 1rem;
}
.image_12 {
  width: 1rem;
  height: 3.1875rem;
  margin: 7.75rem 0 0 1.0625rem;
}
.image_13 {
  width: 1rem;
  height: 4.5625rem;
  margin: 6.375rem 0 0 1.0625rem;
}
.image_14 {
  width: 1rem;
  height: 6.375rem;
  margin: 4.5625rem 0 0 1.0625rem;
}
.image_15 {
  width: 1rem;
  height: 4.375rem;
  margin: 6.5625rem 0 0 1rem;
}
.image_16 {
  width: 1rem;
  height: 3.1875rem;
  margin: 7.75rem 0.625rem 0 1.0625rem;
}
.text-wrapper_8 {
  width: 23.75rem;
  height: 1.125rem;
  margin: 0 0 1.5rem 2.75rem;
}
.text_22 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
}
.text_23 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_24 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1rem;
}
.text_25 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_26 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_27 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_28 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1rem;
}
.text_29 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_30 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 1.0625rem;
}
.text_31 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.875rem;
}
.text_32 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.625rem;
}
.text_33 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_34 {
  position: absolute;
  left: 1.25rem;
  top: 1.1875rem;
  width: 6rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.group_5 {
  width: 61.875rem;
  height: 60rem;
  margin-left: 1.25rem;
}
.box_6 {
  position: relative;
  width: 61.875rem;
  height: 25.625rem;
  background: url('@/assets/imgs/screen/SketchPng21a7457bf97ada3a6c1bcc891519dae9a4ded42b2bc6c571d8f3d520cf5a9a63.png') -20px -16px
    no-repeat;
  background-size: 64.875rem 28.625rem;
}
.image_17 {
  width: 11.125rem;
  height: 0.5625rem;
  margin: 2.5rem 0 0 0.25rem;
}
.box_7 {
  width: 15.8125rem;
  height: 3.1875rem;
  margin: 1.0625rem 0 0 17.5rem;
}
.group_6 {
  width: 4.375rem;
  height: 1.9375rem;
}
.text_35 {
  width: 4.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: #fff;
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.375rem;
  left: -1.375rem !important;
  top: -0.625rem !important;
}

.block_4 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.0625rem 0 0 1.9375rem;
}
.text_36 {
  width: 3.5rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.875rem;
}
.text_37 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: 1.8125rem 0 0 5.3125rem;
}
.box_8 {
  height: 15.5625rem;
  background: url('@/assets/imgs/screen/SketchPngf57f1b1a806ac39c52b823344a34b23adee02f69122db4c87ed1c5cc8293bb39.png')
    100% no-repeat;
  background-size: 100% 100%;
  width: 54.375rem;
  margin: -1.0625rem 0 3.8125rem 3.9375rem;
}
.box_9 {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.0625rem 0 0 19.4375rem;
}
.block_5 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
}
.box_10 {
  width: 17.8125rem;
  height: 2.125rem;
  margin: 0.3125rem 0 0 20.8125rem;
}
.text_38 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.6875rem;
}
.block_6 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.25rem 0 0 4.375rem;
}
.block_7 {
  width: 3.5rem;
  height: 1.9375rem;
  margin-left: 2.75rem;
}
.text_39 {
  width: 3.5rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.375rem;
}
.block_8 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.0625rem 0 0 1.5rem;
}
.text_40 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: 0.75rem 0 0 1.4375rem;
}
.box_11 {
  width: 34rem;
  height: 0.8125rem;
  margin-left: 3.5625rem;
}
.box_12 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-top: 0.3125rem;
}
.box_13 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 17.8125rem;
}
.box_14 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.0625rem 0 0 14.6875rem;
}
.box_15 {
  width: 50.625rem;
  height: 3rem;
  margin: 0.0625rem 0 0 2.5rem;
}
.text_41 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
}
.section_3 {
  width: 2.625rem;
  height: 1.9375rem;
  margin: 0.75rem 0 0 33.875rem;
}
.text_42 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
}
.group_7 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 0.0625rem 0 0 1.0625rem;
}
.text_43 {
  width: 4.375rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: 1.625rem 0 0 7.125rem;
}
.box_16 {
  width: 14.6875rem;
  height: 2.25rem;
  margin: 0.0625rem 0 0 2.0625rem;
}
.section_4 {
  width: 4.375rem;
  height: 1.9375rem;
}
.group_8 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1.9375rem;
}

.text_44 {
  width: 4.375rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: #fff;
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.125rem;
  left: -0.875rem !important;
}

.section_5 {
  width: 3.5rem;
  height: 1.9375rem;
  margin-left: 1.0625rem;
}
.block_9 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1.5rem;
}
.text_45 {
  width: 3.5rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.0625rem;
}
.section_6 {
  width: 2.625rem;
  height: 1.9375rem;
  margin: 0.3125rem 0 0 3.125rem;
}
.block_10 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1.0625rem;
}
.text_46 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.0625rem;
}
.box_17 {
  width: 0.5rem;
  height: 0.5rem;
  margin: 1.875rem 0 0 19.75rem;
}
.box_18 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
}
.box_19 {
  width: 36.4375rem;
  height: 2.375rem;
  margin: 0.0625rem 0 0 18.6875rem;
}
.text_47 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
}
.group_9 {
  width: 3.5rem;
  height: 1.9375rem;
  margin: 0.375rem 0 0 3.25rem;
}
.group_10 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin-left: 1.5rem;
}
.text_48 {
  width: 3.5rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.0625rem;
}
.group_11 {
  background-color: rgb(0, 179, 101);
  border-radius: 50%;
  width: 0.5rem;
  height: 0.5rem;
  margin: 1.875rem 0 0 4.4375rem;
}
.text_49 {
  width: 4.375rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: 0.625rem 0 0 17.75rem;
}
.text-wrapper_9 {
  width: 2.625rem;
  height: 1.375rem;
  margin: 0.0625rem 0 0.125rem 31.4375rem;
}
.text_50 {
  width: 2.625rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
}
.text_51 {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 4.5rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.box_20 {
  height: 33.125rem;
  background: url('@/assets/imgs/screen/SketchPng8621ee7c2c5fc8c8e18ff2f3c33420ef65c6e8ba19cf605c0a843bf30a641f74.png') -20px -16px
    no-repeat;
  background-size: 64.875rem 35.375rem;
  margin-top: 1.25rem;
  width: 61.875rem;
}
.box_21 {
  width: 13rem;
  height: 2rem;
  margin: 1.875rem 0 0 0.25rem;
}
.image_18 {
  width: 11.125rem;
  height: 0.5625rem;
  margin-top: 1.25rem;
}
.text_52 {
  width: 12rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
  margin-left: -10.125rem;
}
.box_22 {
  width: 58.625rem;
  height: 23.3125rem;
  margin: 0.4375rem 0 5.5rem 1.5rem;
}
.image_19 {
  width: 19.4375rem;
  height: 18.3125rem;
  margin-top: 5rem;
}
.grid_1 {
  width: 37.5rem;
  height: 23rem;
  flex-wrap: wrap;
}
.list-items_1 {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.5rem;
  width: 18.125rem;
  height: 3rem;
  border: 0.0625rem solid rgba(0, 0, 0, 0.036);
  margin: 0 1.25rem 1rem 0;
}
.list-items_1:nth-child(2n) {
  margin-right: 0;
}
.list-items_1:nth-last-child(-n + 2) {
  margin-bottom: 0;
}
.text-wrapper_10 {
  background-color: rgba(245, 245, 245, 0.3);
  border-radius: 0.5rem;
  height: 3rem;
  width: 10.375rem;
}
.text_53 {
  width: 7.875rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.84);
  font-size: 1.125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.125rem;
  margin: 0.8125rem 0 0 1.25rem;
}
.text_54 {
  width: 5rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgba(0, 0, 0, 0.84);
  font-size: 1.125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin: 0.8125rem 2.0625rem 0 2.0625rem;
}
.group_12 {
  width: 25rem;
  height: 60rem;
  margin-left: 1.25rem;
}
.group_13 {
  height: 16.25rem;
  background: url('@/assets/imgs/screen/SketchPng81c6d896e0a2555abac6bd7768ab2f93a6ec0a665d50ff44fb8c9ed673d692a0.png') -20px -16px
    no-repeat;
  background-size: 27.5rem 19.25rem;
  width: 25rem;
  position: relative;
}
.image-wrapper_3 {
  width: 11.125rem;
  height: 0.5625rem;
  margin: 2.5rem 0 0 0.25rem;
}
.image_20 {
  width: 11.125rem;
  height: 0.5625rem;
}
.box_23 {
  width: 13.375rem;
  height: 5.125rem;
  margin: 1.125rem 0 0 5.6875rem;
}
.text-wrapper_11 {
  width: 6.0625rem;
  height: 5.125rem;
}
.text_55 {
  width: 5.25rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: #000;
  font-size: 1.125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
}

.text_56 {
  width: 6.0625rem;
}

.text_56,
.text_57 {
  height: 1.375rem;
  overflow-wrap: break-word;
  color: #000;
  font-size: 1.125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin-top: 0.75rem;
}

.text_57 {
  width: 3.5rem;
}
.image_21 {
  width: 5rem;
  height: 5rem;
  margin-top: 0.4375rem;
  margin-left: 3.75rem;
}
.text-wrapper_12 {
  width: 4rem;
  height: 1.375rem;
  margin: 0.5rem 0 0 5.6875rem;
}
.text_58 {
  overflow-wrap: break-word;
  color: #000;
  font-size: 1.125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  margin-top: 0.75rem;
  line-height: 1.375rem;
}
.text-wrapper_13 {
  width: 3.625rem;
  height: 1.375rem;
  margin: 0.5rem 0 3.1875rem 5.6875rem;
}
.text_59 {
  width: 3.625rem;
  height: 1.375rem;
  color: #000;
  font-size: 1.125rem;
  margin-top: 0.75rem;
  line-height: 1.575rem;
}

.text_59,
.text_60 {
  overflow-wrap: break-word;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}

.text_60 {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 3rem;
  height: 2rem;
  color: #fff;
  font-size: 1.5rem;
  line-height: 2rem;
}

.group_14 {
  position: relative;
  width: 25rem;
  height: 21.125rem;
  background: url('@/assets/imgs/screen/SketchPngc5c1f8efd52f74ca3b737065d1511c7e163bb9828d426d167b2c139accc798ac.png') -20px -16px
    no-repeat;
  background-size: 27.5rem 24.125rem;
  margin-top: 1.25rem;
}
.image_22 {
  width: 11.125rem;
  height: 0.5625rem;
  margin: 2.5rem 0 0 0.25rem;
}
.box_24 {
  height: 5.125rem;
  background: url('@/assets/imgs/screen/SketchPngad6ad5414f7d0bf707193f880cde430d2c4ff313669a6234dc4b0045ef1954e6.png') -1px -1px
    no-repeat;
  background-size: 7rem 5.4375rem;
  width: 6.875rem;
  margin: 2.0625rem 0 0 9.0625rem;
}
.text-wrapper_14 {
  width: 3.25rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 2.6875rem;
  margin: 1.5rem 0 0 1.8125rem;
}
.text_61 {
  width: 3.25rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.8125rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2.6875rem;
}
.text_62 {
  width: 3.25rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 2.6875rem;
}
.text_63 {
  width: 2.125rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: -0.5rem 0 0 11.4375rem;
}
.box_25 {
  width: 16.5625rem;
  height: 5.9375rem;
  margin: 2rem 0 2.0625rem 4.375rem;
}
.group_15 {
  width: 6.25rem;
  height: 5.625rem;
  margin-top: 0.3125rem;
}
.group_16 {
  height: 5.125rem;
  background: url('@/assets/imgs/screen/sketchp.png');
  margin-top: -0.375rem;
  background-size: 7rem 5.4375rem;
  width: 7rem;
}
.text-wrapper_15 {
  width: 3.4375rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 2.6875rem;
  margin: 1.5rem 0 0 1.8125rem;
}
.text_64 {
  width: 3.4375rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2.6875rem;
}
.text_65 {
  width: 3.4375rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2.6875rem;
}
.text_66 {
  width: 2.125rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: -0.4375rem 0 0 2.375rem;
}
.group_17 {
  width: 6.875rem;
  height: 5.9375rem;
}
.box_26 {
  height: 5.125rem;
  background: url('@/assets/imgs/screen/SketchPngad6ad5414f7d0bf707193f880cde430d2c4ff313669a6234dc4b0045ef1954e6.png') -1px -1px
    no-repeat;
  background-size: 7rem 5.4375rem;
  width: 6.875rem;
}
.text-wrapper_16 {
  width: 4.3125rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 2.6875rem;
  margin: 1.5rem 0 0 1.125rem;
}
.text_67 {
  width: 4.3125rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2.6875rem;
}
.text_68 {
  width: 4.3125rem;
  height: 2.6875rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 2.6875rem;
}
.text_69 {
  width: 2.125rem;
  height: 1.375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.375rem;
  margin: -0.5625rem 0 0 2.375rem;
}
.text_70 {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 6rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.group_18 {
  position: relative;
  width: 25rem;
  height: 20.125rem;
  background: url('@/assets/imgs/screen/SketchPngb7aa3f7d76c7ae9652e19249d04623c6dc2e9224066ea13fdd6b5b419aca2306.png') -20px -16px
    no-repeat;
  background-size: 27.5rem 22.375rem;
  margin-top: 1.25rem;
}
.box_27 {
  width: 23.5rem;
  height: 1.5rem;
  margin: 1.5625rem 0 0 0.25rem;
}
.image_23 {
  width: 11.125rem;
  height: 0.5625rem;
  margin-top: 0.9375rem;
}
.box_28 {
  background-color: rgb(30, 107, 255);
  border-radius: 0.125rem;
  width: 0.75rem;
  height: 0.5rem;
  margin: 0.4375rem 0 0 6.125rem;
}
.text_71 {
  width: 1.5rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin-left: 0.375rem;
}
.box_29 {
  background-color: rgb(249, 94, 113);
  border-radius: 0.125rem;
  width: 0.75rem;
  height: 0.5rem;
  margin: 0.4375rem 0 0 1rem;
}
.text_72 {
  width: 1.5rem;
  height: 1.25rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.75rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25rem;
  margin-left: 0.375rem;
}
.box_30 {
  width: 22.5rem;
  height: 12.6875rem;
  margin: 2rem 0 0 1.25rem;
}
.text-wrapper_17 {
  width: 0.75rem;
  height: 12.6875rem;
}
.text_73 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
}
.text_74 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin-top: 2rem;
}
.text_75 {
  width: 0.75rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin-top: 2rem;
}
.text_76 {
  width: 0.375rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin: 2rem 0 0 0.375rem;
}
.text_77 {
  width: 0.375rem;
  height: 0.9375rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 0.9375rem;
  margin: 2rem 0 0 0.375rem;
}
.box_31 {
  height: 12rem;
  background: url('@/assets/imgs/screen/SketchPng6f2f290adcd4cd07e354b80a8c0bd5674415d6583d777d4915edfb2e6783ff56.png')
    0px 0px no-repeat;
  background-size: 21.6875rem 12.0625rem;
  margin-top: 0.4375rem;
  width: 21.625rem;
}
.image-wrapper_4 {
  height: 12.125rem;
  background: url('@/assets/imgs/screen/SketchPng0e7716e38753341dd9107bf73bd56372fc61a480626c2b4736dda5c13748f355.png') -1px -1px
    no-repeat;
  background-size: 19.9375rem 12.1875rem;
  width: 19.875rem;
  margin: -0.125rem 0 0 0.875rem;
}
.image_24 {
  width: 19.875rem;
  height: 11.9375rem;
  margin-top: 0.1875rem;
}
.text-wrapper_18 {
  width: 20.9375rem;
  height: 1.125rem;
  margin: 0 0 1.25rem 2.625rem;
}
.text_78 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
}
.text_79 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.6875rem;
}
.text_80 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_81 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_82 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_83 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_84 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.8125rem;
}
.text_85 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_86 {
  width: 1rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.75rem;
}
.text_87 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.6875rem;
}
.text_88 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.5625rem;
}
.text_89 {
  width: 1.375rem;
  height: 1.125rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 0.625rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 1.125rem;
  margin-left: 0.5625rem;
}
.text_90 {
  position: absolute;
  left: 1.25rem;
  top: 1.25rem;
  width: 6rem;
  height: 2rem;
  overflow-wrap: break-word;
  color: rgb(255, 255, 255);
  font-size: 1.5rem;
  font-family: SourceHanSansSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 2rem;
}
.breathing::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(5, 255, 147, 0.199);
  border-radius: 50%;
  -webkit-animation: breathing 2s infinite ease-in-out;
  animation: breathing 2s infinite ease-in-out;
}
.breathing {
  position: relative;
  border-radius: 50%;
  transform: scale(1.2);
}
.red {
  border-radius: 50%;
  background-color: red !important;
}
.red::before {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(255, 0, 0, 0.2);
}
.nowDay {
  width: auto;
}
#water {
  width: 23.75rem;
  height: 17.125rem;
  margin-top: 0;
  margin-left: 0.625rem;
}
#power {
  width: 26.875rem;
  height: 14rem;
  margin-top: 0;
  margin-left: 0.625rem;
}
.image-text_1 {
  position: absolute;
  top: 1.5rem;
  right: 4.875rem;
}
.image-text_2 {
  position: absolute;
  top: 1.5rem;
  right: 1.25rem;
}
.power1 {
  position: absolute;
  top: 0.5rem;
  right: 4.875rem;
}
.power2 {
  position: absolute;
  top: 0.5rem;
  right: 1.25rem;
}
.power3 {
  position: absolute;
  top: 2.5rem;
  right: 4.875rem;
}
.power4 {
  position: absolute;
  top: 2.5rem;
  right: 1.25rem;
}
.power5 {
  color: #fff;
  position: absolute;
  font-size: 0.75rem;
  top: 0.5625rem;
  right: 8.125rem;
}
.power6 {
  color: #fff;
  position: absolute;
  font-size: 0.75rem;
  top: 1.625rem;
  right: 8.125rem;
}
.power7 {
  color: #fff;
  position: absolute;
  font-size: 0.75rem;
  top: 2.625rem;
  right: 8.125rem;
}
.color1 {
  background-color: #2066e6;
}
.color2 {
  background-color: #4ad6ff;
}
.color3 {
  background-color: #feb155;
}
.color4 {
  background-color: #f05b5d;
}
.color5 {
  background-color: #0cb800;
}
.color6 {
  background-color: #2f9668;
}
.under {
  position: relative;
  font-size: 1.125rem;
  left: -0.25rem;
  top: 0.25rem;
}

.under span {
  position: absolute;
  font-size: 1rem;
  top: 1.375rem;
  left: 60%;
  transform: translateX(-50%);
  color: #0cdc82;
}

.top {
  position: relative;
  font-size: 1.125rem;
  left: -0.25rem;
  top: -0.25rem;
}

.top span {
  position: absolute;
  top: -1.375rem;
  font-size: 1rem;
  left: 58%;
  color: #0cdc82;
  transform: translateX(-50%);
}
.reds {
  color: red !important;
}
.water-unit {
  position: absolute;
  top: 3rem;
  left: 0;
}

.active {
  background-color: rgba(10, 112, 245, 1);
}
